<template>
  <div class="OILS">
    <h3>油画/OILS</h3>
    <Art_show :arts="list"></Art_show>
    <router-link to="/class" class="nav">查看更多<i class="el-icon-caret-right"></i></router-link>
  </div>
</template>
<script>
import Art_show from '@/components/Art_show'
export default{
  name: '',
  data () {
    return {
      list: [
        {
          name: '净土培育计划',
          author: '油画',
          price: '￥13,070',
          src: require('../../../assets/img/home/jtpyjh.jpg')
        },
        {
          name: '52赫兹的绝唱',
          author: '油画',
          price: '￥10,260',
          src: require('../../../assets/img/home/52hzdjc.jpg')
        },
        {
          name: '蘑菇云2号',
          author: '油画',
          price: '￥25,440',
          src: require('../../../assets/img/home/mgy2h.jpg')
        },
        {
          name: '异境NO.3',
          author: '油画',
          price: '￥2,660',
          src: require('../../../assets/img/home/yj.jpg')
        }
      ]
    }
  },
  components: {
    Art_show
  }
}
</script>
<style scoped lang="less">
  .OILS{
    h3{
      text-align: center;
    }
    a.nav{
      color: #666;
      display: block;
      text-align: center;
      font-size: 0.9em;
    }
  }
</style>